<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>哈哈3</title>
        <style>
            body{
                background: #ffffff url("imgs/resou.png") no-repeat right top;
                margin-left: 800px;
            }
        </style>
    </head>

    <body>
        <h1>hello</h1>
        <p>背景图片只显示一次,但它位置离文本比较远,</p>
        <p>在这个例子中我们添加了一个右边距,所以背景图像不会打扰到文本</p>
    </body>
</html>